 .weiGao-swiper-wrapper .swiper-pagination-bullet {
    background: #888 !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    user-select: none;
 
}
.weiGao-swiper-wrapper .swiper-pagination-bullet-active {
    background: none !important;
    width: 10px;
     height: 50px;
    border-radius: 0;
    padding: 0;
    color: #333;
    user-select: none;

}

/* 用伪元素显示文字 */
.weiGao-swiper-wrapper .swiper-pagination-bullet-active::after {
    content: attr(data-title);
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #333;
      padding: 0;
    writing-mode: vertical-rl;
    user-select: none;

}

.TopClassMain {
  position: fixed;
  width: 100%;
  z-index: 2;
  top: 0;
}
.MeanClass {
  z-index: 3;
  position: fixed;
  right: 2rem;
  top: 3%;
}

.curtainClass1 {
  position: fixed;
  z-index: 2;
  top: 0;
  width: 100vw;
  height: 10vh;
  animation: lineAppear1 1s ease-in-out forwards;
  background-color: rgba(0, 85, 155);
}

@keyframes lineAppear1 {
  0% {
    height: 0;
    width: 100%;
  }
  100% {
    height: 100vh;
    width: 100%;
  }
}

.curtainClass2 {
  position: fixed;
  z-index: 2;
  top: 0;
  width: 100vw;
  height: 10vh;
  background-color: rgba(0, 85, 155);
  animation: lineAppear2 1s ease-in-out forwards;
}

@keyframes lineAppear2 {
  0% {
    height: 100vh;
    width: 100%;
  }
  100% {
    height: 0;
    width: 100%;
  }
}
